<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<title>表单的增删改查</title>
<link rel="stylesheet" type="text/css" href="CSS/style.css">
<script src="JS/crud.js"></script>
<script src="JS/jquery.validate-1.13.1.js"></script>
<script src="JS/jquery-1.10.0.js"></script>
</head>



<body>
	<form id="frmtest" action="Add.do" method="post">
		<h1>信息录入表</h1>
		<div>
			<table class="admintable" id="table1">
				<tr>
					<th width="25%" class="adminth">姓名</th>
					<th width="5%" class="adminth">性别</th>
					<th width="60%" class="adminth">住址</th>
					<th width="5%" class="adminth">年龄</th>
					<th width="5%" class="adminth">状态</th>
				</tr>

				<!-- 隐藏的两行 -->
				<tr style="display: none;">
					<td class="admincls0"><input type="text" id="inputtext"></input></td>
					<td class="admincls0"><select>
							<option value="0">--</option>
							<option value="1">男</option>
							<option value="2">女</option>
					</select></td>
					<td class="admincls0"><textarea rows="1"></textarea></td>
					<td class="admincls0"><input type="text"></input></td>
					<td class="admincls0"><input type="checkbox" class='check'
						name="test"></input></td>
				</tr>

				<tr style="display: none;">
					<td class="admincls1"><input type="text" id="inputtext"></input></td>
					<td class="admincls1"><select>
							<option value="0">--</option>
							<option value="1">男</option>
							<option value="2">女</option>
					</select></td>
					<td class="admincls1"><textarea rows="1"></textarea></td>
					<td class="admincls1"><input type="text"></input></td>
					<td class="admincls1"><input type="checkbox" class='check'
						name="test"></input></td>
				</tr>


				<tr>
					<td class="admincls0"><input type="text" id="inputtext"></input></td>
					<td class="admincls0"><select>
							<option value="0">--</option>
							<option value="1">男</option>
							<option value="2">女</option>
					</select></td>
					<td class="admincls0"><textarea rows="1"></textarea></td>
					<td class="admincls0"><input type="text"></input></td>
					<td class="admincls0"><input type="checkbox" class='check'
						name="test"></input></td>
				</tr>

				<tr>
					<td class="admincls1"><input type="text" id="inputtext"></input></td>
					<td class="admincls1"><select>
							<option value="0">--</option>
							<option value="1">男</option>
							<option value="2">女</option>
					</select></td>
					<td class="admincls1"><textarea rows="1"></textarea></td>
					<td class="admincls1"><input type="text"></input></td>
					<td class="admincls1"><input type="checkbox" class='check'
						name="test"></input></td>
				</tr>

				<tr>
					<td class="admincls0"><input type="text" id="inputtext"></input></td>
					<td class="admincls0"><select>
							<option value="0">--</option>
							<option value="1">男</option>
							<option value="2">女</option>
					</select></td>
					<td class="admincls0"><textarea rows="1"></textarea></td>
					<td class="admincls0"><input type="text"></input></td>
					<td class="admincls0"><input type="checkbox" class='check'
						name="test"></input></td>
				</tr>

				<tr>
					<td class="admincls1"><input type="text" id="inputtext"></input></td>
					<td class="admincls1"><select>
							<option value="0">--</option>
							<option value="1">男</option>
							<option value="2">女</option>
					</select></td>
					<td class="admincls1"><textarea rows="1"></textarea></td>
					<td class="admincls1"><input type="text"></input></td>
					<td class="admincls1"><input type="checkbox" class='check'
						name="test"></input></td>
				</tr>
			</table>
		</div>



		<div>
			<table class="table2" id="table2">
				<tbody>
					<tr>
						<td>
							<ul>
								<li><a href="#">1</a></li>
								<li><a href="#">2</a></li>
								<li><a href="#">3</a></li>
							</ul>
						</td>
					</tr>
				</tbody>
			</table>
		</div>




		<div class="right">
			<input type="button" value="删除" id="delete" class="button"></input>
			<input type="button" value="增加" id="add" class="button"></input> <input
				type="submit" value="保存" id="save" class="button"></input> <input
				type="hidden" value="1" id="hide" class="button"></input> <input
				type="submit" value="查看" id="sub" class="button"></input> <br>
			<a href="Person.do">查看已录入的Person信息</a>
		</div>
	</form>


	<script src="JS/crud.js"></script>
	<script src="JS/jquery.validate-1.13.1.js"></script>
	<script src="JS/jquery-1.10.0.js"></script>







	<script type="text/javascript">
		$(document).ready(function() {
			$(".nads1").click(function() {
				// namewidth=$(".ads1").width();
				inp = $("<input></input>").attr('type', 'text');
				inp.width($(".nads1").width());
				$(this).remove();
				$(".tr2").children("td.sele").before(inp);
				inp.bind("blur", function() {
					$(".xx").html("请仔细输入，确认后无法修改");
					// inp.attr('disabled',true);
				});
			});
		});
	</script>


</body>
</html>